{% extends "layout.tpl" %}

{% block title %}{% endblock %}

{% block style %}
	<link rel="stylesheet" type="text/css" href="/nui/assets/style/index-min.css" />
{% endblock %}

{% block nav %}
	{% import 'nav.tpl' as nav %}
	{{nav.active('index')}}
{% endblock %}

{% block content %}
<div class="g-wrap f-tac e-pt40">
	<div class="m-title e-mt40 e-pt20">
		<img src="/nui/assets/images/logo.png" class="logo" alt="Nui.js" />
		<span class="f-tal desc f-dib">
			<em>模块化</em>
			<span class="f-dib e-mt10">
				<strong>JavaScript UI框架</strong>
			</span>
			<span class="f-dib e-mt20">
				<a class="ui-btn e-mr10" href="/nui/pages/">教程</a>
				<a class="ui-btn ui-btn-line" href="//github.com/axnfex/nui" target="_blank">Github</a>
			</span>
		</span>
	</div>
	<div class="m-desc f-clearfix">
		<dl class="f-fl">
			<dt class="f-fs20 f-corange">规范</dt>
			<dd class="f-lh24 e-mt20">
				<p>遵循原生HTML/CSS/JS书写形式</p>
				<p>更好的方式管理项目代码</p>
			</dd>
		</dl>
		<dl class="f-fl">
			<dt class="f-fs20 f-cblue">丰富</dt>
			<dd class="f-lh24 e-mt20">
				<p>涵盖不同业务系统常用元素与组件</p>
				<p>API文档详细齐全</p>
			</dd>
		</dl>
		<dl class="f-fl">
			<dt class="f-fs20 f-cgreen">高效</dt>
			<dd class="f-lh24 e-mt20">
				<p>模块化开发方式</p>
				<p>提升代码复用率，缩短项目周期</p>
			</dd>
		</dl>
	</div>
</div>
<div class="m-used f-tac">
	<div class="g-wrap">
		<h3 class="f-fs20">哪些项目在用？</h3>
		<p>
			<a href="//oa.jss.com.cn/" target="_blank" class="ui-gray f-pr" style="top:3px;">
				<img src="/nui/assets/images/logos/oa.png" alt="诺诺OA" width="143" height="57" />
			</a>
			<a href="//cloud.jss.com.cn/" target="_blank" class="ui-gray">
				<img src="/nui/assets/images/logos/cloud.jpg" alt="诺诺云记账" width="179" height="57" />
			</a>
		</p>
		<p>
			<a href="//www.jss.com.cn/" target="_blank" class="ui-gray">
				<img src="/nui/assets/images/logos/fuwu.jpg" alt="诺诺服务" width="179" height="57" />
			</a>
			<a href="//www.axnjf.com/" target="_blank" class="ui-gray">
				<img src="/nui/assets/images/logos/jinfu.jpg" alt="诺诺金服" width="179" height="57" />
			</a>
			<a href="//www.axnsc.com/" target="_blank" class="ui-gray">
				<img src="/nui/assets/images/logos/shop.jpg" alt="诺诺商城" width="179" height="57" />
			</a>
		</p>
	</div>
</div>
{% endblock %}

{% block footer %}
{% include 'footer.tpl' %}
{% endblock %}

{% block script %}
	Nui.load('{script}/index')
{% endblock %}
